<!DOCTYPE html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html>
<head th:replace="common/head :: common_head(~{::title},~{})">
  <title>财税风险分析系统  | 购买</title>
</head>

<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">

  <div th:replace="common/header-user :: header"></div>
  
  <div th:replace="common/aside-user :: aside"></div>

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
  
    <section class="content-header">
      <h1 id="page-title" active-aside="account-aside" active-menu="account-index-menu">购买
        <small></small>
      </h1>
      <ol class="breadcrumb">
        <li>账号中心</li>
        <li class="active">购买</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content container-fluid">
      <div class="row">
        <div class="col-xs-12">
          <div class="box">
            <div class="box-header with-border">
            </div>
            <div class="box-body">
		          <form id="searchForm" class="form-horizontal">
		            <div class="form-group">
		              <label for="" class="col-sm-2 control-label">选择套餐</label>
		              <div class="col-sm-4">
		                <div class="radio"  th:each="product : ${products}">
		                  <label>
		                    <input type="radio" name="type" th:value="${product.id}" th:text="${product.title}">
		                  </label>
		                </div>
		              </div>
		            </div>
		            <hr>
		            <div class="form-group" style="height: 34px;">
		              <label for="" class="col-sm-2 control-label">选择支付方式</label>
		              <div class="col-sm-2">
		                <div class="radio">
		                  <label>
		                    <input type="radio" name="type" value="PURCHASE"> 支付宝
		                  </label>
		                </div>
		              </div>
		              <div class="col-sm-2">
		                <div class="radio">
		                  <label>
		                    <input type="radio" name="type" value="BONUS"> 微信
		                  </label>
		                </div>
		              </div>
		            </div>
		          </form>
		        </div>
		        <div class="box-footer clearfix">
		          <button type="button" class="btn btn-default pull-right" style="margin: 5px;" onclick="window.history.back();">取消</button>
              <button type="button" class="btn btn-primary pull-right" onclick="" style="margin: 5px;">确定</button>
            </div>
	        </div>
        </div>
      </div>
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
  
  <div th:replace="common/footer :: footer"></div>

  <!-- Add the sidebar's background. This div must be placed
  immediately after the control sidebar -->
  <div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->

<div th:replace="common/script :: script"></div>

</body>
</html>